<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">
		<title></title>
		<style type="text/css">
			html,body{
				margin: 0;
				padding: 0;
				color: #333333;
				background: #f9f9f9;
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
			}
			.tit{
				width: 100%;
				text-align: center;
				color: white;
				background: #1296db;
				padding: 3vw 0;
				font-size: 3.6vw;
			}
			.qxIpt{
				width: 96%;
				padding: 3vw 2%;
				display: flex;
				flex-direction: row;
				align-items: center;
				font-size: 3.6vw;
				justify-content: space-between;
				background: #FFFFFF;
			}
			.qxIpt>div{
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.qxIpt>div label{
				margin-left: 6vw;
			}
			.list{
				width: 96%;
				display: flex;
				flex-direction: column;
				align-items: center;
				background: #FFFFFF;
				padding: 5vw 0;
				font-size: 3.6vw;
				border-radius: 2vw;
				margin-top: 2vw;
			}
			.list .txt{
				width: 90%;
				padding-bottom: 3vw;
				border-bottom: 1px solid #1296db;
			}
			.list .txt>div:nth-child(1){
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-bottom: 3vw;
			}
			.list .txt>div:nth-child(1)>div:nth-child(1){
				margin-right: 6vw;
			}
			.list .txt>div>div{
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.ipt{
				width: 70%;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				font-size: 3.6vw;
				margin-top: 3vw;
			}
			label{
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			input{
				margin: 0;
				margin-right: 1.6vw;
			}
			img{
				margin-right: 1.6vw;
			}
			.img1{
				width: 5vw;
			}
			.img2{
				width: 5.5vw;
			}
			.img3{
				width: 4vw;
				margin-left: 0.8vw;
			}
			.btn{
				width: 96%;
				padding: 3vw 0;
				background: #1296db;
				color: #FFFFFF;
				text-align: center;
				margin: 3vw;
				border-radius: 2vw;
				font-size: 3.6vw;
			}
		</style>
	</head>
	<body>
		<div class="tit">投票系统</div>
		<div class="qxIpt">
			<label>全选</label>
			<div>
				<label><input name="Fruitb" type="radio" value="" />同意</label>
				<label><input name="Fruitb" type="radio" value="" />不同意</label>
				<label><input name="Fruitb" type="radio" value="" />弃权</label>
			</div>
		</div>
		<div class="list">
			<div class="txt">
				<div>
					<div><img class="img1" src="../imgs/vote-icon1.png" >李慧珍</div>
					<div><img class="img2" src="../imgs/vote-icon2.png" >会长（理事长）</div>
				</div>
				<div>
					<div><img class="img3" src="../imgs/vote-icon3.png" >中煤科工重庆设计研究院（集团）有限公司</div>
				</div>
			</div>
			<div class="ipt">
				<label><input name="Fruit" type="radio" value="" />同意</label>
				<label><input name="Fruit" type="radio" value="" />不同意</label>
				<label><input name="Fruit" type="radio" value="" />弃权</label>
			</div>
		</div>
		<div class="list">
			<div class="txt">
				<div>
					<div><img class="img1" src="../imgs/vote-icon1.png" >章怀猛</div>
					<div><img class="img2" src="../imgs/vote-icon2.png" >副会长（副理事长）</div>
				</div>
				<div>
					<div><img class="img3" src="../imgs/vote-icon3.png" >中煤科工重庆设计研究院（集团）有限公司</div>
				</div>
			</div>
			<div class="ipt">
				<label><input name="Fruit1" type="radio" value="" />同意</label>
				<label><input name="Fruit1" type="radio" value="" />不同意</label>
				<label><input name="Fruit1" type="radio" value="" />弃权</label>
			</div>
		</div>
		<div class="list">
			<div class="txt">
				<div>
					<div><img class="img1" src="../imgs/vote-icon1.png" >冯百群</div>
					<div><img class="img2" src="../imgs/vote-icon2.png" >会长（理事长）</div>
				</div>
				<div>
					<div><img class="img3" src="../imgs/vote-icon3.png" >中煤科工重庆设计研究院（集团）有限公司</div>
				</div>
			</div>
			<div class="ipt">
				<label><input name="Fruit2" type="radio" value="" />同意</label>
				<label><input name="Fruit2" type="radio" value="" />不同意</label>
				<label><input name="Fruit2" type="radio" value="" />弃权</label>
			</div>
		</div>
		<div class="list">
			<div class="txt">
				<div>
					<div><img class="img1" src="../imgs/vote-icon1.png" >张文</div>
					<div><img class="img2" src="../imgs/vote-icon2.png" >会长（理事长）</div>
				</div>
				<div>
					<div><img class="img3" src="../imgs/vote-icon3.png" >中煤科工重庆设计研究院（集团）有限公司</div>
				</div>
			</div>
			<div class="ipt">
				<label><input name="Fruit3" type="radio" value="" />同意</label>
				<label><input name="Fruit3" type="radio" value="" />不同意</label>
				<label><input name="Fruit3" type="radio" value="" />弃权</label>
			</div>
		</div>
		<div class="list">
			<div class="txt">
				<div>
					<div><img class="img1" src="../imgs/vote-icon1.png" >谢峰</div>
					<div><img class="img2" src="../imgs/vote-icon2.png" >会长（理事长）</div>
				</div>
				<div>
					<div><img class="img3" src="../imgs/vote-icon3.png" >中煤科工重庆设计研究院（集团）有限公司</div>
				</div>
			</div>
			<div class="ipt">
				<label><input name="Fruit4" type="radio" value="" />同意</label>
				<label><input name="Fruit4" type="radio" value="" />不同意</label>
				<label><input name="Fruit4" type="radio" value="" />弃权</label>
			</div>
		</div>
		<div class="list">
			<div class="txt">
				<div>
					<div><img class="img1" src="../imgs/vote-icon1.png" >古力拉拉</div>
					<div><img class="img2" src="../imgs/vote-icon2.png" >秘书长</div>
				</div>
				<div>
					<div><img class="img3" src="../imgs/vote-icon3.png" >中煤科工重庆设计研究院（集团）有限公司</div>
				</div>
			</div>
			<div class="ipt">
				<label><input name="Fruit5" type="radio" value="" />同意</label>
				<label><input name="Fruit5" type="radio" value="" />不同意</label>
				<label><input name="Fruit5" type="radio" value="" />弃权</label>
			</div>
		</div>
		<div class="list">
			<div class="txt">
				<div>
					<div><img class="img1" src="../imgs/vote-icon1.png" >张艺兴</div>
					<div><img class="img2" src="../imgs/vote-icon2.png" >秘书长</div>
				</div>
				<div>
					<div><img class="img3" src="../imgs/vote-icon3.png" >中煤科工重庆设计研究院（集团）有限公司</div>
				</div>
			</div>
			<div class="ipt">
				<label><input name="Fruit6" type="radio" value="" />同意</label>
				<label><input name="Fruit6" type="radio" value="" />不同意</label>
				<label><input name="Fruit6" type="radio" value="" />弃权</label>
			</div>
		</div>
		<div class="btn">提交投票</div>
		
		
		<script src="../js/jq.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$('.btn').on('click',function(){
					alert('提交成功')
				})
				$('.qxIpt input').on('click',function(){
					console.log('asd')
				})
			})
		</script>
	</body>
</html>
